<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>控件</title>
</head>
<body>
<form action="#" method="post">
  所在校区：<br/>
  <select>
    <option>-请选择-</option>
    <option>北京</option>
    <option>上海</option>
    <option>广州</option>
    <option>武汉</option>
    <option>成都</option>
  </select><br/><br/>
  特长（单选）：<br/>
  <select>
    <option selected="selected">-请选择-</>
    <optgroup label="唱歌">
      <option>流行音乐</option>
      <option>嘻哈音乐</option>
    </optgroup>
    <optgroup label="画画">
      <option>油画</option>
      <option>素描</option>
    </optgroup>\
    <optgroup label="跳舞">
      <option>街舞</option>
      <option>民族舞</option>
    </optgroup>
  </select><br/><br/>
  爱好（多选）：<br/>
  <select multiple="multiple" size="4">
    <option>读书</option>
    <option selected="selected">写代码</option>
    <option>旅行</option>
    <option selected="selected">听音乐</option>
    <option>踢球</option>
  </select><br/><br/>
  <input type="submit" value="提交">
</form>
</body>
</html>